<template>
  <div>
    <ul class="ul_list">
      <li><span>姓名：</span><label>李美丽</label></li>
      <li><span>身份证号：</span><label>3320******1</label></li>
      <li><span>单位名称：</span><label>浙江网新恩普软件有限公司</label></li>
      <li><span>人员类别：</span><label>农民工</label></li>
      <li><span>工伤时间：</span><label>2017-3-5</label></li>
      <li><span>工伤发生地点：</span><label>陕西省安康市育才路中段113号政府大院</label></li>
      <li><span>伤病情况：</span><label>伤殘十级，脚断，伤病情况详细介绍内容。完整显示于此处……</label></li>
      <li><span>登记备案时间：</span><label>2017-6-22</label></li>
    </ul>
    <ul class="ul_list">
      <li><span>审核时间：</span><label>2017-6-22</label></li>
      <li><span>审核结果：</span><label class="color1">待审核</label></li>
      <li><span>月领取待遇金额：</span><label>2800.95元</label></li>
    </ul>
  </div>
</template>
<script>
  export default {
    name: 'index',
    data () {
      return {

      }
    },
    methods: {

    }
  }
  document.body.style.background="#F2F2F2";
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .ul_list{background: #ffffff;border-bottom: 1px solid #DFDFDF;margin-bottom: 10px;}
  .ul_list li{margin-left: 4%;padding: 13px 0;overflow: hidden;}
  .ul_list li:not(:last-child){border-bottom: 1px solid #DFDFDF;}
  .ul_list span{color: #888888;}
  .ul_list label{float: right;margin-right: 4%;display: inline-block;max-width: 60%;}
  .color1{color: #E08F0A;}
  .color2{color: #3399FF;}
</style>
